<template>
    <div>
        <van-nav-bar title="我的" />
        <van-row :gutter="[20, 20]">
            <van-col span="12">
                <van-image round width="10rem" height="10rem"
                    src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            </van-col>
            <van-col span="12">TopMaker</van-col>
            <van-col span="24">
                <van-grid :column-num="5">
                    <van-grid-item v-for="value in 5" :key="value" icon="photo-o" text="文字" />
                </van-grid>
            </van-col>
            <van-col span="12">
                <van-cell-group>
                    <van-cell title="地址管理" />
                    <van-cell title="我的优惠票" />
                    <van-cell title="优先购买码" />
                </van-cell-group><br>
                <van-cell-group>
                    <van-cell title="常见问题" />
                    <van-cell title="服务支持" />
                </van-cell-group><br>
                <van-cell-group>
                    <van-cell title="意外碎屏保修服务" />
                </van-cell-group>
            </van-col>
        </van-row>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>